<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<!--css选择器-->
		<style type="text/css">
			/*****标签选择器*****/
			span{
				/*字体颜色*/
				color: red;
			}
			
			/*****id选择器*****/
			#box{
				/*字体大小*/
				font-size: 25px;
			}
			
			/*****类选择器*****/
			.two{
				/*背景颜色*/
				background: blue;
			}
			
			/*交叉选择器*/
			p.six{
				color: yellow;
			}
			p#seven{
				color: blue;
			}
			
			/*群组选择器*/
			.nine,.ten{
				color: firebrick;
			}
			
			/*****子代选择器*****/
			/*使用很多并且选择更精确*/
			#box .nine{
				font-size: 30px;
			}
			
			/*通用选择器*/
			*{
				color: fuchsia;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<span>我们都是span标签</span>
			<span class="two">我们都是span标签</span>
			<span>我们都是span标签</span>
			<span>我们都是span标签</span>
			<span>我们都是span标签</span>
			<p class="six">我们都是p标签</p>
			<p id="seven">我们都是p标签</p>
			<p>我们都是p标签</p>
			<span class="nine">我们也是span标签</span>
			<span class="ten">我们也是span标签</span>
			<span>我们也是span标签</span>
		</div>
	</body>
</html>
